/******************** 响应式样式 ********************/
@media (max-width: 1300px) {

    /********** 第五部分样式 **********/
    .fifth-box {
        padding: 2.5rem 3.2%;
    }

    .fourth-list-swiper{
        padding: 0 60px;
    }

    .fifth-list {
        padding: 0 60px;
    }

    .fifth-box .fifth-list ul li {
        width: 23.4%;
        margin: 0 2% 0 0;
    }

    .fifth-box .fifth-list ul li img {
        width: 100%;
        height: auto;
        min-height: auto;
    }

    .fourth-box .swiper-button-prev {
        left: 0;
    }

    .fourth-box .swiper-button-next {
        right: 0;
    }

    .fifth-box .fifth-list .swiper-button-prev {
        left: 0;
    }

    .fifth-box .fifth-list .swiper-button-next {
        right: 0;
    }

    .con-box-sj {
        display: block;
    }

    .con-box-pc {
        display: none;
    }
}

@media (max-width: 1200px) {

    /********** 通用部分样式 **********/
    .container {
        padding: 0;
    }

    .bt-box-1200 {
        width: 100%;
    }

    .ztzl-box,
    .first-box,
    .second-box,
    .third-box,
    .fourth-box,
    .fifth-box {
        padding: 0 3.2%;
    }

    .first-box .swiper,
    .first-box .bt-box-cent,
    .second-left,
    .second-right,
    .xwft-list,
    .xwft-list-con,
    .second-left .xwft-list-con,
    .third-left,
    .third-right,
    .fourth-left,
    .fourth-right {
        width: 100%;
        height: auto;
    }

    /****************** 横幅专栏样式 ******************/
    .ztzl-box {
        margin-top: 40px;
    }

    .ztzl-box img {
        width: 140%;
        margin-left: -20%;
    }

    /****************** 头条新闻样式 ******************/
    .bt-News {
        padding: 0 3.2%;
        margin: 26px auto;
    }

    .News-tit {
        width: 100%;
        background: initial !important;
        padding: 0;
        float: initial;
    }

    .News-tit a {
        line-height: 42px;
        padding: 0;
    }

    .News-tit p {
        display: none;
    }

    .News-more {
        line-height: 20px;
        font-size: 16px;
        font-weight: 400;
        float: initial;
        text-align: center;
        margin-top: 10px;
    }

    .News-more a {
        color: #666;
    }

    .news-list {
        padding: 10px 0 0;
        overflow: initial;
        white-space: initial;
        text-overflow: initial;
        display: none;
    }

    /********** 第一部分样式 **********/
    .first-box {
        margin: 0 auto 34px;
    }

    .first-box .swiper {
        margin-bottom: 40px;
    }

    .first-box .swiper-wrapper,
    .first-box .swiper-slide {
        height: 36rem;
    }

    .first-box .swiper-slide a,
    .first-box .swiper-slide a img {
        width: 100%;
        min-height: auto;
    }

    .first-box .bt-box-cent .bt-tab-tit {
        width: auto;
    }

    .bt-box-cent .bt-tab-tit {
        height: 30px;
        line-height: 30px;
        font-size: 26px;
    }

    .first-xwtt-box {
        margin-top: 0;
    }

    .first-xwtt {
        margin-top: 10px;
        position: relative;
    }

    .first-xwtt span {
        width: auto;
        height: auto;
        padding: 10px 0 0;
        margin-right: 20px;
    }

    .first-xwtt div {
        width: 100%;
        padding-left: 95px;
        position: absolute;
        float: none;
    }

    .first-xwtt div a {
        margin: 3px 0 1px;
    }

    .first-xwtt div p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /********** 第二部分样式 **********/
    .second-box {
        height: auto;
        margin-bottom: 40px;
    }

    .second-box a {
        width: 100%;
        height: auto;
        float: none;
    }

    .second-box a:first-child {
        margin: 0 0 20px 0;
    }

    .second-box img {
        min-height: auto;
    }

    /********** 第三部分样式 **********/
    .third-box {
        padding: 40px 3.2%;
    }

    .third-left {
        padding: 0 20px 20px;
        margin-right: 0;
    }

    .third-left li {
        width: 49%;
        margin: 20px 2% 0 0;
        float: left;
    }

    .third-left li:nth-child(2n) {
        margin: 20px 0 0 0;
    }

    .third-right {
        margin-top: 30px;
    }

    .third-right .bt-box-tit a {
        font-size: 22px;
    }

    .third-right-tit-sj {
        border-bottom: 1px solid #ddd;
        padding-bottom: 12px;
    }

    .bt-box-cent ul {
        padding-top: 12px;
    }

    /********** 第四部分样式 **********/
    .fourth-box {
        padding: 40px 3.2%;
    }

    .fourth-box .bt-box-cent ul {
        padding-top: 0;
    }

    .fourth-box ul.fourth-list li {
        width: 31.333%;
        margin: 0 3% 0 0;
    }

    .fourth-box ul.fourth-list li:nth-child(3) {
        margin: 1.25rem 0 0 0;
    }

    .fourth-box ul.fourth-list li a,
    .fourth-box ul.fourth-list li a img {
        min-height: auto;
    }

    .fourth-box .swiper-button-prev,
    .fourth-box .swiper-button-next {
        display: block;
    }

    /********** 第五部分样式 **********/
    .fifth-box {
        padding: 40px 3.2%;
    }

    .fifth-box .fifth-list .swiper-button-prev,
    .fifth-box .fifth-list .swiper-button-next {
        display: block;
    }
}

@media (max-width: 960px) {

    .first-box .swiper-wrapper,
    .first-box .swiper-slide {
        height: 32rem;
    }
}

@media (max-width: 870px) {

    .first-box .swiper-wrapper,
    .first-box .swiper-slide {
        height: 30rem;
    }
}

@media (max-width: 810px) {

    .first-box .swiper-wrapper,
    .first-box .swiper-slide {
        height: 28rem;
    }
}

@media (max-width: 768px) {

    /********** 通用部分样式 **********/
    .first-box,
    .second-box,
    .third-box,
    .fourth-box,
    .fifth-box,
    .fifth-box {
        padding: 0 1.5rem;
    }

    .third-box,
    .fourth-box {
        padding: 30px 1.5rem;
    }

    .fifth-box {
        padding: 30px 3.2%;
    }

    .first-box {
        margin: 0 auto 28px;
    }

    .first-box .swiper {
        margin-bottom: 30px;
    }

    .second-box {
        margin-bottom: 30px;
    }

    .second-left {
        margin: 0 auto 22px;
    }

    /****************** 横幅专栏样式 ******************/
    .ztzl-box {
        display: none;
    }

    .bt-News {
        padding: 0 1.5rem;
    }

    .first-box .swiper-wrapper,
    .first-box .swiper-slide {
        height: 25rem;
    }
}

@media (max-width: 490px) {

    /********** 第三部分样式 **********/
    .third-left li {
        width: 100%;
        margin: 20px 0 0 0;
    }
}